---
layout: default
---
<div class="container-fluid" id="js">
  <div class="row justify-content-center" >
    <div class="col-6">
      
        {% comment %} <div class="card mt-2">
          <div id="echart">
            <p>111</p>
          </div>
        </div> {% endcomment %}

        <div class="card mt-2" id="card-eye">
          <div class="card-body" id="out-eye">
            <div id="eye">
              <div id="eye-ball">
              </div>
            </div>
          </div>
        </div>


        <div class="card mt-2" >
          
          <div id="chart">
            <div id="yRange">
              {% comment %} <ul class="count"> {% endcomment %}
              {% comment %} <h6>y</h6> {% endcomment %}
              <button type="button" class="btn btn-outline-secondary btn-sm" id="yValueAdd"><h4>+</h4></button>
              {% comment %} <li><input type="text" class="input-num" id="input-num" value="0" /></li> {% endcomment %}
              <button type="button" class="btn btn-outline-secondary btn-sm" id="yValueMinus"><h4>-</h4></button>
              {% comment %} </ul> {% endcomment %}
            </div>
            <div id="echart-online">
              {% comment %} 此处显示数据 {% endcomment %}
            </div>
          </div>

          <div class="card-body">
            <div class="form-group">
              <label for="exampleInputEmail1">IP</label>
              <input type="text" class="form-control" id="IP" aria-describedby="emailHelp">
            </div>
            <div class="form-group">
              <label for="exampleInputPassword1">port</label>
              <input type="text" class="form-control" id="port" name="password">
            </div>
            <div class="text-between">
              <button class="btn btn-primary" onclick="setWsConfig()">open</button>
              <button class="btn btn-primary" id="down">Download</button>
            </div>
          </div>
        </div>
        
{% comment %}         

        <div class="card mt-2">
          <div class="card-body">
            <p id="demo">this is line</p>
            <div class="text-between">
              <p class="btn btn-primary" onclick="myFunction()">click</p>
            </div>
          </div>
        </div>

        <div class="card mt-2">
          <div class="card-body">
            <form onsubmit="return validateForm()" name="myForm">
              <div class="form-group">
                <label for="exampleInputEmail1">Email address</label>
                <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
                <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
              </div>
              <div class="form-group">
                <label for="exampleInputPassword1">Password</label>
                <input type="password" class="form-control" id="exampleInputPassword1" name="password">
              </div>
              <div class="form-group form-check">
                <input type="checkbox" class="form-check-input" id="exampleCheck1">
                <label class="form-check-label" for="exampleCheck1">Check me out</label>
              </div>
              <button type="submit" class="btn btn-primary">Submit</button>
            </form>
            
          </div>
        </div> {% endcomment %}


    </div>
  </div>
</div>



{% comment %} <div>
<p id="demo"></p>
<button type="button" onclick="myFunction()">尝试一下</button>
</div> {% endcomment %}